<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,Chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <link rel="shortcut icon" href="/GO.ico" type="image/x-icon" />
  <link href="__STATIC__/common/amazeui-2.7.2.min.css" rel="stylesheet" />
  <title>{$share.app_name}</title>
<style>
footer.am-topbar{ border:0; background:transparent; }
footer .am-text-lg{ background-color:#323333; color:#fff; min-height:40px; line-height:40px; vertical-align:middle; }
header.am-topbar div{ height:40px; line-height:40px; min-height:40px; background-color:#323333; color:#fff; }
header.am-topbar{ background-color:transparent; margin-bottom:0; border:0; }
.am-container img { max-width:120px; }
</style>
{notempty name="isWeiXin"}
<script src="__STATIC__/common/zepto-1.2.0.min.js"></script>
<script>
$(function () {
  console.log(navigator.userAgent);
  $('a#open').click(function () {
    $('#tip-modal').removeClass('am-modal-out').show()
    setTimeout(function () {
      $('#tip-modal').addClass('am-modal-active');
    });
    return false;
  });
  $('#tip-modal').click(function () {
    $('#tip-modal').removeClass('am-modal-active').addClass('am-modal-out');
    setTimeout(function () {
      $('#tip-modal').hide();
    }, 300);
    return false;
  });

  $('#tiyan').click(function () {
    var query = "{$query|default=''}";
    var ShareID = "{$ShareID|default=0}";
    console.log(query, ShareID);
    if (query.indexOf('playback_code') == -1 && ShareID==1001) {  // &&嵊州麻将禁止在线体验
      alert("请下载APP进行体验");
      $('#down').click();
      return false;
    } else {
      return true;
    }
  });
  
});
</script>
{/notempty}
</head>
<body class="am-with-topbar-fixed-bottom am-text-center">

  <header class="am-topbar">
    <img src="__STATIC__/share/banner/{$share.app_pinyin|default=''}.png" class="am-img-responsive am-center" alt="{$share.app_name}" />
    <div class="am-text-lg">{$share.app_name}, 同城竞技</div>
  </header>

  <div class="am-container">
    <div class="am-g">
      <div class="am-u-sm-12 am-margin-top-sm">
        <img class="am-img-responsive am-center" src="__STATIC__/share/icon/{$share.app_pinyin|default=''}/120x120.png" alt="{$share.app_name}" />
      </div>
      <div class="am-u-sm-12 am-margin-top-sm">
        <a class="am-btn am-radius am-btn-success" href="{:url('redirect')}?share={$ShareID}&type=1&query={$query|default=''}" id="open">打开游戏</a>
      </div>
      <div class="am-u-sm-12 am-margin-top-sm">
        <a class="am-btn am-radius am-btn-warning" href="{:url('redirect')}?share={$ShareID}&type=2&query={$query|default=''}" id="tiyan">在线体验</a>
      </div>
      <div class="am-u-sm-12 am-margin-top-sm">
        <a class="am-btn am-radius am-btn-secondary" href="{:url('redirect')}?share={$ShareID}&type=3&query={$query|default=''}" id="down">下载游戏</a>
      </div>
    </div>
  </div>
  
  <footer class="am-topbar am-topbar-fixed-bottom">
    <div class="am-g" style="position:absolute; bottom:0;">
{notempty name="isWeiXin"}
      <div class="am-u-sm-12 am-alert-warning am-text-xs am-padding-0 am-margin-0">微信内置浏览器不支持打开本地应用<br/>请点击右上角使用本地浏览器打开</div>
{/notempty}
      <div class="am-u-sm-12 b2 am-text-lg">微信公众号：{$wxgzh.AppName|default=''}</div>
    </div>
  </footer>
  
{notempty name="isWeiXin"}
  <div class="am-modal am-modal-no-btn" tabindex="-1" id="tip-modal" style="background:url(__STATIC__/share/mask.png) no-repeat; background-size:100% 100%;"></div>
{/notempty}

</body>
</html>